/*translation button*/
.rx-translation-button {
    -fx-background-color: #616dfe;
    -fx-text-fill: white;
    -fx-font-size: 20;
    -fx-alignment: center;
}
.rx-translation-button:pressed {
    -fx-background-color: derive(#616dfe, -20%);
}
/*fill button*/
.rx-fill-button {
    -fx-background-color: white;
    -fx-border-color: #d1d1d1;
    -fx-border-width: 1px;
    -rx-fill: #616dff;
}

.rx-fill-button .fill-region {
    -fx-background-color: -rx-fill;
}

.rx-fill-button:pressed .fill-region {
    -fx-background-color: derive(-rx-fill, -20%);
}

/*highlight label 高亮文本组件*/
.rx-highlight-text {
    -rx-highlight-color: #ffff00;
    -rx-highlight-fill: #000000;
    -rx-plain-fill: #000000;
}

.rx-highlight-text .highlight-label {
    -fx-text-fill: -rx-highlight-fill;
    -fx-background-color: -rx-highlight-color;
}

.rx-highlight-text .plain-text {
    -fx-fill: -rx-plain-fill;
}


/* avatar css */
/*.rx-avatar {*/
/*    -fx-pref-width: 100px;*/
/*    -fx-pref-height: 100px;*/
/*}*/

/* carousel css*/
.rx-carousel {
    -fx-border-color: #BFBFBF;
    -fx-border-width: 1.0;
}

.rx-carousel .nav-pane .left-button, .rx-carousel .nav-pane .right-button {
    -fx-background-radius: 15.0;
    -fx-background-color: rgba(100, 100, 100, 0.57);
    -fx-pref-width: 30.0;
    -fx-pref-height: 30.0;
    -fx-max-width: 30;
    -fx-max-height: 30;
    -fx-min-width: 30;
    -fx-min-height: 30;
    -fx-cursor: hand;
}

.rx-carousel .nav-pane .left-button:pressed, .rx-carousel .nav-pane .right-button:pressed {
    -fx-background-color: rgb(210.0, 21.0, 21.0);
}

.rx-carousel .nav-pane .left-button:pressed .left-arrow,
.rx-carousel .nav-pane .right-button:pressed .right-arrow {
    -fx-scale-x: 1.25;
    -fx-scale-y: 1.25;
    -fx-background-color: white;
}

.rx-carousel .nav-pane .left-button .left-arrow {
    -fx-background-color: rgba(255, 255, 255, 0.5);
    -fx-scale-shape: false;
    -fx-shape: "M4,7.9l5.7,5.7l-2.1,2.1l-7.8-7.8l7.8-7.8l2.1,2.1L4,7.9z";
}

.rx-carousel .nav-pane .right-button .right-arrow {
    -fx-background-color: rgba(255, 255, 255, 0.5);
    -fx-scale-shape: false;
    -fx-shape: "M5.4,7.9l-5.7,5.7l2.1,2.1l7.8-7.8L1.9,0.1l-2.1,2.1L5.4,7.9z";
}

.rx-carousel .nav-pane .nav-bar {
    -fx-hgap: 6;
    -fx-vgap: 3;
    -fx-alignment: center;
    -fx-translate-y: -10;
}

.rx-carousel .nav-pane .nav-bar .nav-button {
    -fx-background-color: rgb(255, 255, 255);
    -fx-cursor: hand;
    -fx-pref-width: 16;
    -fx-min-width: 16;
    -fx-pref-height: 16;
    -fx-min-height: 16;
    -fx-background-radius: 8;
}

.rx-carousel .nav-pane .nav-bar .nav-button:hover {
    -fx-background-color: rgb(154, 226, 239);
}

.rx-carousel .nav-pane .nav-bar .nav-button:selected {
    -fx-background-color: rgb(99, 199, 245);
    /*-fx-translate-y: 0.3;*/
}


/*password */
.rx-password-field .tf-button-shape {
    -fx-scale-shape: false;
    -fx-background-color: black;
    -fx-shape: 'M20.4,4.1l-1.1-1.9c0.2-0.4,0.6-0.7,1-1c0.2-0.2,0.2-0.5,0-0.7c-0.2-0.2-0.4-0.4-0.6-0.2  c-2.2,2.4-4.7,4-7.1,4.5c-2,0.5-3.9,0.4-5.9-0.4c-1.6-0.7-3-1.7-4-2.5C1.7,1,1.3,0.5,1.3,0.5C1,0.3,0.8,0.3,0.5,0.5  C0.4,0.7,0.4,1,0.5,1.2c0,0,0.5,0.6,1.1,1.1L0.7,4C0.5,4.3,0.5,4.6,0.8,4.8C1,4.9,1.3,4.9,1.4,4.6l1-1.6c1.1,0.9,2.1,1.4,3.2,2  L4.9,6.9c-0.1,0.2,0,0.5,0.2,0.6c0.2,0.1,0.5,0,0.6-0.2l0.7-1.9c1.1,0.5,2.2,0.7,3.4,0.7v2c0.1,0.4,0.4,0.6,0.6,0.6S11,8.5,11,8.1  v-2c0.6,0,1.1-0.1,1.9-0.2c0.7-0.1,1.2-0.4,2-0.6l0.9,1.9c-0.1,0.4,0.1,0.4,0.4,0.2c0.2-0.1,0.4-0.5,0.2-0.7l-0.7-1.9  c1.1-0.5,2-1.1,3-2l1.1,1.9c0.1,0.2,0.5,0.2,0.6,0.1C20.5,4.6,20.5,4.4,20.4,4.1';
}

.rx-password-field:showing .tf-button-shape {
    -fx-shape: 'M9.7,4.2C8.8,4.2,8,5,8,5.9c0,0.9,0.8,1.7,1.7,1.7c0.9,0,1.7-0.8,1.7-1.7C11.4,5,10.6,4.2,9.7,4.2zM19.2,5.9c-0.1-0.4-0.2-0.6-0.5-1c-0.3-0.4-0.3-0.5-1-1.1c-2.2-2-5.3-3.6-8.1-3.5C8,0.3,6.6,0.7,5,1.3  C3.9,1.8,2.8,2.5,1.9,3.3C1.4,3.7,1,4.1,0.7,4.6c0,0-0.2,0.3-0.4,0.7C0.2,5.6,0.2,5.9,0.2,6.2c0,0.6,0.4,1,0.4,1  C0.7,7.4,1,7.6,1.2,7.8C1.9,8.4,2.5,9,3.3,9.4c0.8,0.5,1.7,1,2.7,1.3c1.1,0.4,2.5,0.8,3.6,0.8c1,0,2.1-0.3,3.1-0.6  c0.5-0.2,2.4-1.1,4.1-2.2C18.2,7.8,19.3,6.6,19.2,5.9z M9.7,9.6C7.7,9.6,6,7.9,6,5.9s1.6-3.6,3.6-3.6c2,0,3.6,1.6,3.6,3.6  C13.3,7.9,11.7,9.6,9.7,9.6z';
}


/*带按钮的文本框 */
.rx-text-field .tf-button-shape {
    -fx-background-color: #ff7276;
    -fx-pref-width: 13;
    -fx-pref-height: 13;
    -fx-shape: 'M0.3,7.7c-0.4-0.4-0.4-1.1,0-1.5l5.9-5.9c0.4-0.4,1.1-0.4,1.5,0c0.4,0.4,0.4,1.1,0,1.5l0,0L1.8,7.7C1.4,8.1,0.8,8.1,0.3,7.7  zM0.3,0.3c0.4-0.4,1.1-0.4,1.5,0l5.9,5.9c0.4,0.4,0.4,1.1,0,1.5c-0.4,0.4-1.1,0.4-1.5,0l0,0L0.3,1.8C0,1.4,0,0.7,0.3,0.3z';
}

.rx-text-field .tf-button:pressed .tf-button-shape {
    -fx-background-color: #ff0a0a;
    -fx-scale-x: 1.15;
    -fx-scale-y: 1.15;
}

/* LrcView 歌词显示组件*/
.rx-lrc-view {
    -fx-border-color: #BFBFBF;
    -fx-border-width: 1.0;
}

.rx-lrc-view .lrc-line {
    -fx-alignment: center;
}

.rx-lrc-view .lrc-line:playing {
    -fx-text-fill: red;
}

/* MediaProgressBar 多媒体播放进度条 */
.rx-media-progress-bar {
    /*进度条颜色*/
    -rx-track-fill: #eaeaea;
    /*缓冲进度条颜色*/
    -rx-buffer-fill: #dadada;
    /*当前播放进度条颜色*/
    -rx-current-fill: #1ecc94;
    /*圆圈按钮的颜色*/
    -rx-thumb-fill: #1fdba4;
}

.rx-media-progress-bar .track {
    -fx-background-color: -rx-track-fill;
    -fx-background-radius: 3px;
}

.rx-media-progress-bar .buffer-track {
    /*-fx-background-color: #f60a0a;*/
    -fx-background-color: -rx-buffer-fill;
    -fx-background-radius: 3px;
}

.rx-media-progress-bar .current-track {
    -fx-background-color: -rx-current-fill;
    -fx-background-radius: 3px;
}

.rx-media-progress-bar .thumb {
    -fx-background-color: -rx-thumb-fill;
    -fx-background-radius: 50%;
    -fx-effect: dropshadow(three-pass-box, #57b479, 5, 0.5, 0, 0);
}

.rx-media-progress-bar .thumb:hover {
    -fx-scale-x: 1.18;
    -fx-scale-y: 1.18;
    -fx-effect: dropshadow(three-pass-box, #4f9a8e, 5, 0.5, 0, 0);
}

/* AudioSpectrum 声音频谱组件 */
.rx-audio-spectrum {
    /*-rx-crest-pos:middle;*/
    -fx-border-color: #BFBFBF;
    -fx-border-width: 1px;
}

.rx-audio-spectrum .bar-box {
    -fx-alignment: bottom-center;
    -fx-spacing: 1px;
}

.rx-audio-spectrum .bar {
    -fx-background-color: #45EABC;
    -fx-pref-width: 3px;
    /*初始化时候的高度*/
    -fx-max-height: 0px;
}
